<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>专业分布</title>

    <link rel="stylesheet" href="css/basic.min.css">
    <link rel="stylesheet" href="css/major.min.css">
</head>

<body>
    <header>
        <div id="nav"></div>
    </header>

    <main>
        <div class="main">
            <div id="major">
                <div id="catalog">
                    <div id="majorPart">
                        <button id="fin" onclick="showMajor('fin')">金融学类</button>
                        <button id="pol" onclick="showMajor('pol')">政治学类</button>
                        <button id="phy" onclick="showMajor('phy')">物理学类</button>
                        <button id="che" onclick="showMajor('che')">化学类</button>
                        <button id="geo" onclick="showMajor('geo')">地理科学类</button>
                        <button id="bio" onclick="showMajor('bio')">生物科学类</button>
                        <button id="mec" onclick="showMajor('mec')">机械类</button>
                        <button id="mat" onclick="showMajor('mat')">材料类</button>
                        <button id="ele" onclick="showMajor('ele')">电子信息类</button>
                        <button id="com" onclick="showMajor('com')">计算机类</button>
                        <button id="tra" onclick="showMajor('tra')">交通运输类</button>
                        <button id="arc" onclick="showMajor('arc')">建筑类</button>
                        <button id="cli" onclick="showMajor('cli')">临床医学类</button>
                        <button id="med" onclick="showMajor('med')">医学技术类</button>
                        <button id="pub" onclick="showMajor('pub')">公共管理类</button>
                        <button id="log" onclick="showMajor('log')">物流管理与工程类</button>
                        <button id="tou" onclick="showMajor('tou')">旅游管理类</button>
                        <button id="des" onclick="showMajor('des')">设计学类</button>
                    </div>
                </div>

                <div id="content">
                    <div id="peoplePart"></div>
                </div>
            </div>
        </div>
    </main>

    <script src="basic.js"></script>
    <script src="data.js"></script>
    <script src="list.js"></script>
    <script src="major.js"></script>
</body>

</html>